<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>色谱报告</title>
    <!--标准mui.css-->
    <link rel="stylesheet" href="../css/mui.min.css" />
    <script src="../js/mui.min.js"></script>
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../css/app.css" />
    <script src="../js/vue.js"></script>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/sm2.js"></script>
    <script src="../js/sm3.js"></script>
    <script src="../js/feedback.js"></script>
    <script src="../js/clipboard.js"></script>
    <script src="../js/flexible.js"></script>
    <script src="../wx/uap.js"></script>
    <script src="../js/vconsole.min.js"></script>
    <script src="./text.js" type="text/javascript"></script>
    <style>
        .trainTicketstitle {
            background-image: linear-gradient(to right,
                    rgb(13, 121, 131),
                    rgb(25, 179, 182));
            padding: 0.3rem 0.2rem;
            color: #fff;
            height: 2.43rem;
            font-size: .36rem;
            position: fixed;
            width: 100%;
        }

        input[type="text"] {
            margin: .1rem 0 0 0;
            width: 100%;
            height: 85%;
            padding: 0;
            line-height: 1rem;
        }

        .mui-btn-blue,
        .mui-btn-primary,
        input[type="submit"] {
            background-color: rgb(25, 179, 182);
            color: #fff;
            border: 1px solid rgb(25, 179, 182);
            border-radius: 4px;
            margin-right: 10px;
        }

        .trainTickets {
            display: flex;
        }

        .left {
            text-align: center;
            line-height: 1rem;
        }

        .left a {
            line-height: 0.5rem;
            color: #fff;
        }

        .left .left1 {
            position: absolute;
            left: 0.3rem;
            top: 0.35rem;
        }

        .left :nth-child(1) span {
            line-height: 2rem;
            color: #fff;
        }

        .left :nth-child(2) span {
            line-height: 2rem;
            color: #fff;
        }

        .file-input {
            opacity: 0;
            height: 100%;
            width: 100%;
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
        }

        .top {
            height: 10rem;
            width: 100%;
            box-sizing: border-box;
            font-size: 0.4rem;
            /* border: 3px dashed rgb(25, 179, 182); */
            position: relative;
            border-radius: 10px;
            padding: 0.3rem;
            margin-bottom: 0.3rem;
            position: relative;
            margin-top: 1rem;
            background: #fff;
            /* width: 80%;
            height: 80%; */
        }

        /* .bgcImg {
        width: 60%;
        height: 3rem;
        margin: 0 auto;
        background: url("../image/printTop.png") center;
        background-size: 100% 100%;
        margin-top: 2.5rem;
        margin-bottom: 3.3rem;
      } */

        .frontandback {
            /* position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); */
            font-size: 0.34rem;
            padding: 0.1rem 0.2rem;
            /* border-radius: 6%;
            background: rgb(179, 179, 179);
            opacity: 0.8;
            color: #fff;
            border-radius: 10px; */
        }

        /* .arrow{
        position: fixed;
      } */
        .head {
            position: fixed;
            background-color: #fff;
            margin: .32rem auto;
            width: 7.04rem;
            color: #333;
        }

        .head .title {
            display: flex;
            justify-content: flex-start;
            height: .84rem;
        }

        .head .title h4 {
            position: absolute;
            left: .74rem;
            top: .2rem;
            font-size: .32rem;
            width: 6.2rem;
            /* height: .84rem; */
            text-align: left;
            /* line-height: .84rem; */
            /* border-bottom:1px dashed rgb(25, 179, 182); */
        }

        .head .line {
            position: absolute;
            width: 6.3rem;
            top: .72rem;
            left: .36rem;
            border-bottom: 1px dashed rgb(25, 179, 182);
        }

        /* 中间 */
        .list {
            width: 7.04rem;
            /* background-color: blue; */
            margin: 2.3rem auto 0;
            background-color: #fff;
            /* position: relative; */
            /* margin: 0 .01rem; */
            /* display: block; */
        }

        .productsDescription {
            background-color: #fff;
            text-align: center;
            /* -webkit-box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5);
          -moz-box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5);
          box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5); */
            padding: 0.1rem
                /* 10/100 */
            ;
            /* position: relative; */

        }

        .productsDescription .title {
            display: flex;
            justify-content: flex-start;
            height: .84rem;
            /* position: relative; */
            /* height: 1rem; */
        }

        .productsDescription .title h4 {
            position: absolute;
            left: .74rem;
            top: .2rem;
            font-size: .32rem;
            width: 6.2rem;
            /* height: .84rem; */
            text-align: left;
            /* line-height: .84rem; */
            /* border-bottom:1px dashed rgb(25, 179, 182); */
        }

        .bar {
            position: absolute;
            width: .06rem
                /* 1/100 */
            ;
            left: .36rem;
            top: .2rem;
            height: .3rem
                /* 1/100 */
            ;
            background: #0E7677;
            border-radius: 3px;
        }

        .leftCircle {
            width: 0.15rem;
            height: 0.2rem;
            background-color: rgb(13, 121, 131);
            border-top-right-radius: 0.1rem;
            border-bottom-right-radius: 0.1rem;
            position: absolute;
            /* top: 1.8rem;
        left: 0.35rem; */
            top: 0.6rem;
            left: -0.01rem;
        }

        .rightCircle {
            width: 0.15rem;
            height: 0.2rem;
            background-color: rgb(25, 179, 182);
            border-top-left-radius: 0.1rem;
            border-bottom-left-radius: 0.1rem;
            position: absolute;
            top: 0.6rem;
            right: -.01rem;
        }

        .productsDescription .line {
            position: absolute;
            width: 6.3rem;
            top: .72rem;
            left: .36rem;
            border-bottom: 1px dashed rgb(25, 179, 182);
        }

        .description {
            background-color: #fff;
            padding: 0.1rem;
        }

        .description li {
            width: 100%;
            height: .9rem;
            display: flex;
            text-align: left;
            padding-top: 0.15rem;
            justify-content: flex-start;
            align-content: flex-start;
        }

        .description li p {
            font-size: .3rem;
            line-height: .8rem;
            width: 35%;
        }

        .productsDescription .description li span {

            width: 65%;
            line-height: .9rem;
            padding-bottom: 0.06rem;
            border-bottom: 0.01rem dashed #aeaeb3;
            display: flex;
            justify-content: space-around;
            flex-wrap: nowrap;
        }

        .productData {
            margin-top: 0.2rem;
        }

        .productData :nth-child(1) ul {
            padding: 0 0.2rem;
        }

        .four {
            padding-bottom: 0.2rem;
            border-bottom: 0.01rem dashed #aeaeb3;
        }

        .productComparison {
            margin-top: 0.2rem;
            padding-bottom: 1.6rem;
        }

        .productComparison .description li span {
            width: 65%;
            line-height: .9rem;
            padding-bottom: 0.06rem;
            border-bottom: 0.01rem dashed #aeaeb3;
        }

        .form {
            padding: 0.2rem;
            line-height: 0.5rem;
            /* background: #fff; */
            margin: 0.2rem 0.2rem 0.2rem;
        }

        /* 底部 */
        .trainTickets .foot {
            display: block;
            position: fixed;
            bottom: 0px;
            left: 0px;
            box-sizing: border-box;
            padding: 0.2rem;
            background-color: #f7faff;
            width: 100%;
            /* box-shadow: 4px -4px 4px #eee; */
            text-align: center;
        }

        .foot button {
            width: 2.1rem;
            height: .96rem;
            box-shadow: 0px 8px 8px 0px rgba(4, 124, 137, 0.05);
            border-radius: 4px;
        }

        .foot .edit {
            background: #FFFFFF;
            border: 2px solid #0E7677;
            font-weight: 600;
            color: #0E7677;
        }

        .foot .sendOut {
            background: #0E7677;
            font-weight: 600;
            color: #FFFFFF;
        }

        #mod {
            width: 85%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: nowrap;
            text-align: center;
            line-height: .8rem;
            border-bottom: none;
        }

        .home {
            font-family: Muiicons;
            font-size: .5rem;
            font-weight: 400;
            font-style: normal;
            line-height: 1;
            display: inline-block;
            text-decoration: none;
            -webkit-font-smoothing: antialiased;
        }

        .home:before {
            content: '\e471';
        }



        /* .line1 {
        position: absolute;
        top: 0;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 111;
      }

      .lineFlag1 {
        display: none;
        width: 100%;
        -webkit-animation: bounce-down1 2s linear infinite;
        animation: bounce-down1 2s linear infinite;
      } */

        @-webkit-keyframes bounce-down1 {
            25% {
                -webkit-transform: translateY(1.5rem);
            }

            50% {
                -webkit-transform: translateY(4rem);
            }

            100% {
                -webkit-transform: translateY(7.5rem);
            }
        }

        @keyframes bounce-down1 {
            25% {
                transform: translateY(7.5rem);
            }

            50% {
                transform: translateY(4rem);
            }

            100% {
                transform: translateY(0);
            }
        }

        /* .line {
        position: absolute;
        top: 0.3rem;
        left: 0px;
        width: 100%;
        height: 9.2rem;
        z-index: 111;
      }

      .lineFlag {
        display: none;
        width: 100%;
        -webkit-animation: bounce-down 2s linear infinite;
        animation: bounce-down 2s linear infinite;
      } */

        @-webkit-keyframes bounce-down {
            25% {
                -webkit-transform: translateY(0.15rem);
            }

            50% {
                -webkit-transform: translateY(4.55rem);
            }

            100% {
                -webkit-transform: translateY(9.2rem);
            }
        }

        @keyframes bounce-down {
            25% {
                transform: translateY(9.2rem);
            }

            50% {
                transform: translateY(4.55rem);
            }

            100% {
                transform: translateY(0.15rem);
            }
        }

        .mui-toast-container {
            top: 50%;
        }

        .form .title1 {
            font-size: 0.35rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 0.2rem;
        }

        .title .titleline {
            /* height: 0.3rem; */
            /* border: 2px solid rgb(25, 179, 182); */
            /* margin-right: 0.2rem;
            margin-top: 0.07rem; */
        }

        .clipboardContent {
            background-color: rgb(251, 247, 247);
            padding: 0.4rem;
            position: relative;
            height: calc(100vh - 3.5rem);
        }

        .clipboardContent img {
            width: 0.3rem;
        }

        .content1 {
            overflow: scroll;
            height: 100%;
            padding: 0.1rem 0.2rem;
            word-wrap: break-word;
        }

        .frontandback .bottom2 {
            position: absolute;
            bottom: 0;
            right: 0;
            margin-right: 0.2rem;
            margin-bottom: 0.2rem;
            width: 0.3rem;
        }

        .frontandback .left2 {
            position: absolute;
            top: 0;
            right: 0;
            margin-right: 0.2rem;
            margin-top: 0.2rem;
            width: 0.3rem;
        }

        .frontandback .left1 {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: 0.2rem;
            margin-top: 0.2rem;
            width: 0.3rem;
        }

        .frontandback .bottom1 {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0.3rem;
            margin-left: 0.2rem;
            margin-bottom: 0.2rem;
        }

        .topImg .bottom2 {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: 0.2rem;
            padding-top: 0.2rem;
            width: 0.3rem;
        }

        .bottomImg .left2 {
            position: absolute;
            bottom: 0;
            left: 0;
            margin-left: 0.2rem;
            width: 0.3rem;
            padding-bottom: 0.2rem;
        }

        .bottomImg .left1 {
            position: absolute;
            bottom: 0;
            right: 0;
            margin-right: 0.2rem;
            width: 0.3rem;
            padding-bottom: 0.2rem;
        }

        .topImg .bottom1 {
            position: absolute;
            right: 0;
            top: 0;
            width: 0.3rem;
            margin-right: 0.2rem;
            padding-top: 0.2rem;
        }

        /* 弹出框 */
        .btn-pop {
            background-color: #ffd475;
            border-radius: .1rem;
            zoom: 200%;

        }

        #background-pop {
            display: none;
            position: fixed;
            text-align: center;
            line-height: .8rem;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        }

        #div-pop {
            background: #ffffff;
            width: 70%;
            z-index: 1;
            margin: 45% auto;
            overflow: auto;
        }

        .div-top {
            width: 100%;
            height: auto;
            background-color: rgb(25, 179, 182);
            color: #ffffff;
            display: flex;
            justify-content: space-between
        }

        .div-top div {
            padding: 3px 5px 5px 8px;
        }

        .div-top div span {
            color: white;
            margin-bottom: 10px;
            margin-left: 20px;
            cursor: pointer;
            float: right;
        }

        .div-content {
            width: auto;
            height: 200px;
            overflow: auto;
        }

        .div-footer {
            text-align: center;
            background-color: #f7faff;
        }

        .div-footer button {
            background-color: rgb(25, 179, 182);
            color: #fff;
        }
    </style>
</head>

<body>
    <div id="app">
        <!-- 提示信息 -->
        <div class="is-loading">
            <div class="curtain">
                <div class="loadingBgc">
                    <div class="loader"></div>
                    <p class='loadingF'>正在识别</p>
                </div>
            </div>
        </div>
        <div class="trainTickets">
            <!-- <textarea name="" id="" cols="30" rows="10"></textarea> -->
            <!-- 头部 -->
            <div class="trainTicketstitle">
                <div class="arrow clearfix">
                    <div class="left">
                        <span class="left1" @click="zhuce">
                            <a class="home"></a>
                            <!-- <span>返回&gt;</span> -->
                        </span>
                        <!-- <van-icon name="arrow-left" /> -->
                        <span style="font-weight: 600;">识别结果</span>
                    </div>
                </div>
                <div class="head">
                    <div class="title">
                        <div class="bar"></div>
                        <h4>SF⑥气体温度、纯度及分解产物试验报告</h4>
                    </div>
                    <div class="leftCircle"></div>
                    <div class="rightCircle"></div>
                    <div class="line"></div>
                </div>
            </div>
            <!-- 中间 -->
            <div class="list">
                <div class="productsDescription">
                    <div class="main">
                        <div>
                            <ul class="description">
                                <li>
                                    <p>变电站</p>
                                    <span><input id="test" type="text" v-model="signRule['变电站']"
                                            style="border-style:none;" readonly></input></span>
                                </li>
                                <li>
                                    <p>试验日期</p>
                                    <span><input id="test" type="text" v-model="signRule['试验日期']"
                                            style="border-style:none;" readonly></input></span>
                                </li>
                                <li>
                                    <p>环境温度(%)</p>
                                    <span><input id="test" type="text" v-model="signRule['环境湿度']"
                                            style="border-style:none;" readonly></input></span>
                                </li>
                                <li>
                                    <p>设备名称</p>
                                    <span><input id="test" type="text" v-model="signRule['设备名称']"
                                            style="border-style:none;" readonly="readonly"></input></span>
                                </li>
                                <li>
                                    <p>设备编号</p>
                                    <span><input id="test" type="text" v-model="signRule['设备编号']"
                                            style="border-style:none;" readonly="readonly"></input></span>
                                </li>
                                <li>
                                    <p>电压等级(kV)</p>
                                    <span><input id="test" type="text" v-model="signRule['电压等级']"
                                            style="border-style:none;" readonly="readonly"></input></span>
                                </li>

                            </ul>
                        </div>
                        <div class="productData">
                            <ul class="description">
                                <li>
                                    <p>相别</p>
                                    <span id="mod">
                                        <input id="test" type="text" style="border-style:none;" readonly="readonly"
                                            value="A"></input>
                                        <input id="test" type="text" style="border-style:none;" readonly="readonly"
                                            value="B"></input>
                                        <input id="test" type="text" style="border-style:none;" readonly="readonly"
                                            value="C"></input>
                                    </span>
                                </li>
                                <li>
                                    <p>温度值(μl/L)</p>
                                    <span id="mod">
                                        <input id="test" type="text" v-model="signRule['湿度值_A']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule['湿度值_B']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule['湿度值_C']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                    </span>
                                </li>

                                <li>
                                    <p>纯度(%)</p>
                                    <span id="mod" style=" display: flex;text-align: center; font-size: 0.7rem;">
                                        <input id="test" type="text" v-model="signRule['纯度_A']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule['纯度_B']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule['纯度_C']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                    </span>
                                </li>

                                <li class="four">
                                    <p>系统测试温度</p>
                                    <span id="mod">
                                        <input id="test" type="text" v-model="signRule['系统测试温度_A']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule['系统测试温度_B']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule['系统测试温度_C']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                    </span>
                                </li>

                                <li>
                                    <p>SO2+SOF2</p>
                                    <span id="mod">
                                        <input id="test" type="text" v-model="signRule.SO2_A"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule.SO2_B"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule.SO2_C"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                    </span>
                                </li>
                                <li>
                                    <p>H₂S</p>
                                    <span id="mod">
                                        <input id="test" type="text" v-model="signRule.H2S_A"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule.H2S_B"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule.H2S_C"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                    </span>
                                </li>
                                <li>
                                    <p>HF/CF4</p>
                                    <span id="mod">
                                        <input id="test" type="text" v-model="signRule['HF/CF4_A']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule['HF/CF4_B']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule['HF/CF4_C']"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                    </span>
                                </li>
                                <li>
                                    <p>CO</p>
                                    <span id="mod">
                                        <input id="test" type="text" v-model="signRule.CO_A"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule.CO_B"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                        <input id="test" type="text" v-model="signRule.CO_C"
                                            style="border-style:none;font-size: 0.26rem;" readonly="readonly"
                                            value="123"></input>
                                    </span>
                                </li>

                            </ul>
                        </div>
                        <div class="productComparison">
                            <ul class="description">
                                <li>
                                    <p>规程及标准</p>
                                    <span><input type="text" id="test" type="text" v-model="signRule['规程及标准']"
                                            style="border-style:none;" readonly="readonly" value="123"></input></span>
                                </li>
                                <li>
                                    <p>使用仪器</p>
                                    <span><input type="text" id="test" type="text" v-model="signRule['使用仪器']"
                                            style="border-style:none;" readonly="readonly" value="123"></input></span>
                                </li>
                                <li>
                                    <p>结论</p>
                                    <span><input type="text" id="test" type="text" v-model="signRule['结论']"
                                            style="border-style:none;" readonly></input></span>
                                </li>
                                <li>
                                    <p>试验人员</p>
                                    <span><input type="text" id="test" type="text" v-model="signRule['试验人员']"
                                            style="border-style:none;" readonly="readonly" value="123"></input></span>
                                </li>
                                <li>
                                    <p>报告整理</p>
                                    <span><input type="text" id="test" type="text" v-model="signRule['报告整理']"
                                            style="border-style:none;" readonly="readonly" value="123"></input></span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <script>
        new Vue({
            el: "#app",
            data() {
                return {

                    // 分解产物
                    decompositionProducts: "",
                    signRule: {
                        // "变电站":123,
                        // "试验日期":123,
                        // "环境湿度":123,
                        // "设备名称":123,
                        // "设备编号":123,
                        // "电压等级":110,
                        // "系统测试温度_A":12,
                        // "系统测试温度_B":12,
                        // "系统测试温度_C":12,
                        // '湿度值_A':12.3,
                        // '湿度值_B':12.3,
                        // '湿度值_C':12.3,
                        // '纯度_A':  "12.3%",
                        // '纯度_B':12.3 + "%",
                        // '纯度_C':12.3 + "%",
                        // '结论':'合格',
                        // SO2_A:2.1,
                        // SO2_B:2.1,
                        // SO2_C:2.1,
                        // H2S_A:2.1,
                        // H2S_B:2.1,
                        // H2S_C:2.1,
                        // HF/CF4_A:2.1,
                        // HF/CF4_B:2.1,
                        // HF/CF4_C:2.2,
                        // CO_A:2.22,
                        // CO_B:2.22,
                        // CO_C:2.22
                    },
                    raise: {},
                    index: {},
                    // 弹出框
                    addData: {},

                    getEmailID: sessionStorage.getItem("toMail"),
                    colors: {},
                    reportCode: ''
                };
            },
            created() {
                this.particulars()
                // var url = location.search;
                // this.reportCode = ''
                // console.log(url, 501);
                // console.log(url.split("=")[0].split("?")[1]);
                // if (url.split("=")[0].split("?")[1] == "001") {
                //     this.reportCode = "001";
                // } else {
                //     this.reportCode = "";
                // }
            },
            methods: {
                particulars() {
                    let data = {
                        userId: sessionStorage.getItem("userId"),
                        orgId: sessionStorage.getItem("unitId"),
                        timestamp: new Date().getTime() + "",
                        id: sessionStorage.getItem("id"),
                    };
                    data = JSON.stringify(data);
                    let sign = sm3(data);
                    let AuthenticationSession =
                        sessionStorage.getItem("Authentication");
                    //   // let arr;
                    $.ajax({
                        url:
                            localUrlLink +
                            iscp_port +
                            "/yipailu/IdentificationReport/selectById",
                        type: "post",
                        async: false, //是否同步，false表示同步请求
                        dataType: "json",
                        data: data,
                        headers: {
                            "Content-Type": "application/json;charset=UTF-8",
                            Authentication: AuthenticationSession,
                            sign: sign,
                        },
                        success: (res, txt, xhr) => {
                            if (sm3(res.resultValueStr) == xhr.getResponseHeader("sign")) {
                                let Authentication = xhr.getResponseHeader("Authentication");
                                if (res.code == 200) {
                                    if (Authentication) {
                                        sessionStorage.setItem("Authentication", Authentication);
                                        // if (num == 1) {
                                        //   $(location).attr("href", "Voice.html");
                                        // }    
                                        const resultValue = JSON.parse(res.resultValue.message);
                                        this.signRule = resultValue;
                                    }
                                } else {
                                }
                            } else {
                            }
                        },
                        error: (e) => {
                        },
                    });
                },
                zhuce() {
                    // if(this.reportCode == '001'){
                    //     $(location).attr("href", "recognitionResult.html")
                    // }else{
                    // }
                    $(location).attr("href", "recognitionResult.html");
                },
            }
        });

    </script>
</body>

</html>

<body></body>